import React from 'react'
import './index.less'
import { QuestionItem } from 'components'

export default class extends React.Component {
  state = {
    questionList: [
      {
        title: '1.上课时需要注意什么？',
        content: '直播课上课时全程录像，因此教师和学员都要关注自身言行。教师需要遵守《教师准则》；学员需要积极主动地与教师互动，如英语课应多使用英语表达，遵守课堂纪律，不在电脑屏幕上乱涂乱画，尽量专注而不是东张西望，不要与教师开不恰当的玩笑。年龄较小的孩子上课时需要家长适当干预。特别在一对多的直播课程里，应该尽量避免影响其他学员的学习。'
      },{
        title: '2.可以临时调整课程时间么？',
        content: '如果您购买的课程是一对一直播课，学员调整上课时间请提前24小时通知课程顾问，调整次数每年最多5次，如果您购买的课程是一对多直播课程，为了不影响其他学员，课程会按预定时间正常进行。'
      },{
        title: '3.哪些情况可以要求补课时？',
        content: '如果因系统问题或教师不按时上课，导致学员无法正常上课的，确认原因后会联系学员补课时。教师如因个人原因无法按时上课，会提前通知学员并安排其他教师代替。'
      },{
        title: '4.交费后还可以退费么？',
        content: '如果学员在交费后正常上课不足3次，学员均可以无条件要求退费；如果正常上课次数超过3次（含3次），那么不予退费。'
      }
    ]
  }

  render() {
    const { questionList } = this.state
    return (
      questionList.map(question => (
        <QuestionItem key={question.title} question={question} />
      ))
    )
  }
}